<template>
  <div>
    <el-dialog :model-value="dialogVisible" title="Tips" width="30%" show-close>
      <span>This is a message</span>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="close">Cancel</el-button>
          <el-button type="primary" @click="close">
            Confirm
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      // dialogVisible: true
    }
  },
  created () { },
  mounted () { },
  methods: {
    close () {
      this.$emit('update:dialogVisible', false)
    }
  }

}
</script>

<style scoped lang="less"></style>